<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="es"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="es"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="es"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->

<head th:include="/layout/partials/head (pageTitle=${category.name + ' - Broadleaf Demo - Heat Clinic'})"></head>

<body th:inline="text">
    <div id="notification_bar"></div>
    <header th:substituteby="layout/partials/header" />
    
    <div id="content" class="width_setter group" role="main">
    
        <nav th:substituteby="layout/partials/nav" />
        
        <section id="left_column">
    
   			 <div id="filterProduct" th:fragment="productList">
	            <header>
	                <h1 th:inline="text">
	                    <span th:text="#{category.viewing}">Viewing</span> [[${category.name}]] ([[${result.startResult}]] - [[${result.endResult}]] <span th:text="#{category.of}">of</span> [[${result.totalResults}]])
	                </h1>
	                <div th:substituteby="catalog/partials/productSortOptions"></div>
	            </header>
         
	            <ul id="products" class="group" >
	                <li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
	            </ul>
	            <div th:substituteby="catalog/partials/productPagingOptions" />
            </div>
            
        </section>
    
        <section id="right_column">
            <header><span th:text="#{category.filterResults}">Filter your results</span></header>
            <div id="options">
                <blc:form method="GET" id="filterCategory" name="filterCategory">
               		<div th:substituteby="catalog/partials/categoryFilter" />
                	<div th:substituteby="catalog/partials/facetFilter" />
                	
                	<input type="hidden" id="page" name="page" value="1" />
              		<input type="hidden" id="category" name="category" th:value="${category.id}" />
              		<input type="hidden" th:if="${originalQuery}" name="q" th:value="${originalQuery}" />
              
              
	              <input type="submit" class="medium red" style="display:none;" />
                	
                </blc:form>
            </div>
            
            <div th:substituteby="catalog/partials/rightHandBannerAds" />
            
			<!-- Productos destacados -->
			<p>&nbsp;</p>
             <header><span th:text="#{category.featuredProducts}">Featured Products</span></header>
             <div id="options">
                 <div class="section" th:object="${category}">
                      <blc:related_products categoryId="*{id}" quantity="3"/>     
                      <ul id="featured_products" class="group">
                         <li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
                      </ul>
                 </div>                                  
             </div>
        </section>
            
    </div>
    
    <footer th:substituteby="layout/partials/footer" />
    
</body>
</html>
